//
//  FGVisitorView.swift
//  飞哥大微博
//
//  Created by huangfei on 2017/6/3.
//  Copyright © 2017年 huangfei. All rights reserved.
//

import UIKit

class FGVisitorView: UIView {

    // 注册按钮
    lazy var registerButton:UIButton = UIButton.cz_textButton("注册",
                                                              fontSize: 16,
                                                              normalColor: UIColor.orange,
                                                              highlightedColor: UIColor.black,
                                                              backgroundImageName: "common_button_white_disable")
    // 登录按钮
    lazy var loginButton:UIButton = UIButton.cz_textButton("登录",
                                                           fontSize: 16,
                                                           normalColor: UIColor.darkGray,
                                                           highlightedColor: UIColor.black,
                                                           backgroundImageName: "common_button_white_disable")
    
    // 访客视图的信息字典 [imageName / message]
    // 外部传入字典，重写set方法
    var visitorInfo:[String:String]? {
        didSet {
            // 1> 去字典信息
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else {
                    return
            }
            // 2> 设置信息
            tipLabel.text = message
            // 3> 设置图像，首页不需要设置(此方法用来判断首页)
            if imageName == "" {
                startAnimation()
                return
            }
            iconView.image = UIImage(named:imageName)
            
            // 其他控制器的访客视图不需要显示小房子/遮罩视图
            houseIconView.isHidden = true
            maskIconView.isHidden = true
        }
    }
    
    /// MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    // 旋转图标动画(只有首页需要)
    private func startAnimation() {
        
        let anim = CABasicAnimation(keyPath: "transform.rotation")
        anim.toValue = 2 * Double.pi
        anim.repeatCount = MAXFLOAT
        anim.duration = 15
        
        // 转换界面后，动画不停止,如果 iconView 被释放，动画会一起销毁
        // 在设置连续播放的动画非常有用
        anim.isRemovedOnCompletion = false
        
        // 将动画添加到图层
        iconView.layer.add(anim, forKey: nil)
    }
    
    // MARK: - 私有控件
    // 图像视图
    lazy var iconView:UIImageView = UIImageView(image: #imageLiteral(resourceName: "visitordiscover_feed_image_smallicon"))
    // 遮罩图像 - 不要命名为 maskView
    lazy var maskIconView:UIImageView = UIImageView(image: #imageLiteral(resourceName: "visitordiscover_feed_mask_smallicon"))
    // 小房子
    lazy var houseIconView:UIImageView = UIImageView(image: #imageLiteral(resourceName: "visitordiscover_feed_image_house"))
    // 提示标签
    lazy var tipLabel:UILabel = UILabel.cz_label(withText: "关注一些人，回这里看看有什么惊喜",
                                                         fontSize: 14,
                                                         color: UIColor.darkGray)
}

extension FGVisitorView {
    
    func setupUI() {
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        
        // 1.添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        // 文本居中
        tipLabel.textAlignment = .center
        
        // 2.取消 autoresizing
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        // 3.自动布局
        // 1> 图像视图
        addConstraints([NSLayoutConstraint(item: iconView,
                                           attribute: .centerX,
                                           relatedBy: .equal,
                                           toItem: self,
                                           attribute: .centerX,
                                           multiplier: 1.0,
                                           constant: 0)])
        addConstraints([NSLayoutConstraint(item: iconView,
                                           attribute: .centerY,
                                           relatedBy: .equal,
                                           toItem: self,
                                           attribute: .centerY,
                                           multiplier: 1.0,
                                           constant: -60)])
        // 2> 小房子
        addConstraints([NSLayoutConstraint(item: houseIconView,
                                           attribute: .centerX,
                                           relatedBy: .equal,
                                           toItem: iconView,
                                           attribute: .centerX,
                                           multiplier: 1.0,
                                           constant: 0)])
        addConstraints([NSLayoutConstraint(item: houseIconView,
                                           attribute: .centerY,
                                           relatedBy: .equal,
                                           toItem: iconView,
                                           attribute: .centerY,
                                           multiplier: 1.0,
                                           constant: 0)])
        // 3> 提示标签
        addConstraints([NSLayoutConstraint(item: tipLabel,
                                           attribute: .centerX,
                                           relatedBy: .equal,
                                           toItem: iconView,
                                           attribute: .centerX,
                                           multiplier: 1.0,
                                           constant: 0)])
        addConstraints([NSLayoutConstraint(item: tipLabel,
                                           attribute: .top,
                                           relatedBy: .equal,
                                           toItem: iconView,
                                           attribute: .bottom,
                                           multiplier: 1.0,
                                           constant: 20)])
        addConstraints([NSLayoutConstraint(item: tipLabel,
                                           attribute: .width,
                                           relatedBy: .equal,
                                           toItem: nil,
                                           attribute: .notAnAttribute,
                                           multiplier: 1.0,
                                           constant: 236)])
        // 4> 注册按钮
        addConstraints([NSLayoutConstraint(item: registerButton,
                                           attribute: .left,
                                           relatedBy: .equal,
                                           toItem: tipLabel,
                                           attribute: .left,
                                           multiplier: 1.0,
                                           constant: 0)])
        addConstraints([NSLayoutConstraint(item: registerButton,
                                           attribute: .top,
                                           relatedBy: .equal,
                                           toItem: tipLabel,
                                           attribute: .bottom,
                                           multiplier: 1.0,
                                           constant: 20)])
        addConstraints([NSLayoutConstraint(item: registerButton,
                                           attribute: .width,
                                           relatedBy: .equal,
                                           toItem: nil,
                                           attribute: .notAnAttribute,
                                           multiplier: 1.0,
                                           constant: 100)])
        // 5> 登录按钮
        addConstraints([NSLayoutConstraint(item: loginButton,
                                           attribute: .right,
                                           relatedBy: .equal,
                                           toItem: tipLabel,
                                           attribute: .right,
                                           multiplier: 1.0,
                                           constant: 0)])
        addConstraints([NSLayoutConstraint(item: loginButton,
                                           attribute: .top,
                                           relatedBy: .equal,
                                           toItem: tipLabel,
                                           attribute: .bottom,
                                           multiplier: 1.0,
                                           constant: 20)])
        addConstraints([NSLayoutConstraint(item: loginButton,
                                           attribute: .width,
                                           relatedBy: .equal,
                                           toItem: registerButton,
                                           attribute: .width,
                                           multiplier: 1.0,
                                           constant: 0)])
        // 6> 遮罩图像
        // views:定义VFL中的控件名称和实际名称映射关系
        // metrics:定义VFL中()指定的常数映射关系
        let viewDict:[String:Any] = ["maskIconView":maskIconView,
                        "registerButton":registerButton]
        let metrics = ["spacing":-20]
        
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",
                                                      options: [],
                                                      metrics: nil,
                                                      views: viewDict))
        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[registerButton]",
                                                      options: [],
                                                      metrics: metrics,
                                                      views: viewDict))
    }
}
